// 单行文本溢出省略号
@mixin ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 多行文本溢出省略号
@mixin multi-ellipsis($lines: 2) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $lines;
  overflow: hidden;
}

// 清除浮动
@mixin clearfix {
  &::after {
    content: "";
    display: block;
    clear: both;
  }
}

// 禁止选中文本
@mixin no-select {
  user-select: none;
  -webkit-touch-callout: none;
}

// 适配刘海屏底部安全区域
@mixin safe-area-bottom {
  padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
  padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2+ */
}